<html>
<head>
<meta charset="utf-8">
<meta name="Keywords" content="分期管家" />
<meta name="Description" content="全国首款大学生分期管理工具！" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="shortcut icon" href="http://www.fqgj.net/images/favicon.ico">
<title>幸运大转盘抽奖 </title>
<script>
			    (function (doc, win) {
        var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    if(clientWidth>=640){
                        clientWidth=640;
                    }else if(clientWidth<=320){
                        clientWidth=320;
                    }else{}
                    docEl.style.fontSize = 12 * (clientWidth / 320) + 'px';
                };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>
<style type="text/css">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,pre,p,th{
	padding: 0;
	margin: 0;
	font:1rem "微软雅黑", "华文细黑", Arial, sans-serif;
}

.rotate-con-pan {
	background: url(images/disk.jpg) no-repeat 0 0;
	background-size: 100% 100%;
	position: relative;
	width:26.667rem;
	height:29rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 auto
}

.rotate-con-zhen {
	width: 6.917rem;
	height:11rem;
	margin: -2.35rem 0 0 -3.4585rem;
	background: url(images/start.png) no-repeat 0 0;
	background-size: 100% 100%;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
}
.rotate-con-pan span{
	 display: block;
	 width: .7rem;
	 height:.7rem;
	 position: absolute;
	 border-radius: 50%;
	  background-color:#fff;
	
	
}
.rotate-con-pan span.span1{
	left:13.1rem;
	top: 7rem;
	
}
.rotate-con-pan span.span2{
	left:22.6rem;
	top: 16.8rem;
	
}
.rotate-con-pan span.span3{
	left:3.6rem;
	top: 16rem;
	
}
.rotate-con-pan span.span4{
	left:13.0rem;
	top:26.4rem;
	
}
.rotate-con-pan span.span5{
	left:6.6rem;
	top:9.6rem;
	
}
.rotate-con-pan span.span6{
	left:19.1rem;
	top:9.2rem;
	
}
.rotate-con-pan span.span6{
	left:19.333rem;
	top:9.4rem;
}

.rotate-con-pan span.span7{
	left:20.4rem;
	top:22.8rem;
}
.rotate-con-pan span.span8{
	left:5.5rem;
	top:22.5rem;
}


.ss span{
animation: bg1 .1s ease infinite;
  -webkit-animation: bg1 .1s ease infinite;
}


@-webkit-keyframes bg1 {
  0% {
    background-color: rgb(0, 135, 211);
    box-shadow: 0 0 15px #FFFFFF;
  }
  100% {
    background-color: rgb(255, 249, 191);
    box-shadow: 0 0 15px #fff9bf;
  }
}
@keyframes bg1 {
  0% {
    background-color: rgb(0, 135, 211);
    box-shadow: 0 0 15px  #FFFFFF;
  }
  100% {
    background-color: rgb(255, 249, 191);
    box-shadow: 0 0 15px #fff9bf;
  }
}

.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes bounceInDown {
  0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
  60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px);}
  80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  100% {-webkit-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounceInDown {
  0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
  60% {opacity: 1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
  80% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
  100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}

@-webkit-keyframes bounceOutUp {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  20% {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);}
  100% {opacity: 0; -webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}

@keyframes bounceOutUp {
  0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  20% {opacity: 1;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
  100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;
left:0;z-index:9999;display:none;}
#dialog{width:20rem;display:none;position:fixed;top:50%;left:50%;margin:-10rem 0 0 -11rem;z-index:10000;
border:1px solid #c4c4c4; background-color:#fff; border-radius: 1rem; padding:2.8rem 1rem 1.3rem ;}
#dialog .textact{ text-align: center; padding:1.5rem 0; color: #555d63;}
#dialog .textact .t1{ font-size:1.5rem; color: #000024; margin-bottom: 0.2rem;}
#title_ditop{ width:6rem; height:6rem; border-radius: 50%; background:#fff url(images/title_dig.jpg) scroll no-repeat center center;
 position: absolute; top: -3rem; left:8rem; background-size: 4.250rem 4.250rem;}
#cleardialog{width:12rem; margin: 0 auto; height: 2rem; background-color: #fb5e58; line-height:2rem; text-align: center;
 font-size:1.4rem; border-radius:1.6rem; color:#fff;cursor: pointer;}
.main_text{width: 26.667rem; margin: 0 auto; padding: 1.2rem 0 3rem; background: url(images/text_bg.jpg) scroll repeat top center;}
.main_box_o{ width:23.4rem; margin: 0 auto; padding:2rem 0 .8rem; border-radius:.7rem; position: relative; }
.main_box_t{ width:23.4rem; padding:2rem 0 .8rem; border-radius:.7rem; position: relative;background-color: #fff; margin: 1rem auto 0; }
.main_box_o p,.main_box_t p{ padding:0 0.833rem; font-size: 0.8rem; margin-bottom: 0.2rem; color:#454545;}
.main_box_t .dush3{ padding-left: 1rem; padding-bottom:.3rem;}
.main_box_t .tbottombg{ position: absolute; width: 7.417rem; height: 4.333rem;  background: url(images/img_121465.png) scroll no-repeat center center;background-size: cover; bottom: 0;
right: -1rem;}
.main_box_bg1{background: #fff url(images/img_2656.jpg) scroll no-repeat center right; 
background-size:auto 95%;}
h2.sicon{ background:url(images/title_img02.png) scroll no-repeat center center; background-size: cover; position: absolute;
width:5.2rem; color:#ff5863;left:-0.8rem; top:0.5rem;text-align: center;z-index: 2;font-weight: bold;font-size:0.8rem;line-height:1.167rem;}
h2.sicontop{ background:url(images/title_img02.png) scroll no-repeat center center; font-size: 1.7rem; background-size: cover; position: absolute;
width:10.375rem; color:#ff5863;left:50%; margin-left:-5.19rem; bottom:0;text-align: center;z-index: 2;font-weight: bold;font-size:0.8rem;line-height:2.167rem;}

</style>

</head>

<body>


	<div class="rotate-con-pan">
		<div class="rotate-con-zhen"></div>
		<span class="span1"></span>
		<span class="span2"></span>
		<span class="span3"></span>
		<span class="span4"></span>
		<span class="span5"></span>
		<span class="span6"></span>
		<span class="span7"></span>
		<span class="span8"></span>
		<h2 class="sicontop">还有<b>3</b>次抽奖机会</h2>
	</div>

	<div class="main_text">
	
		<div class="main_box_o main_box_bg1">
			<h2 class="sicon">活动规则</h2>
			<p>特等奖：巴厘岛4天3夜游</p>
			<p>一等奖：索尼QX10卡片机</p>
			<p>二等奖：时尚大容量旅行箱</p>
			<p>三等奖：酷炫115元现金礼包</p>
		</div>
	
		<div class="main_box_t">
			<h2 class="sicon">活动规则</h2>
			<p>1.本次活动每位用户可以转3次转盘。一旦中奖，剩 余次数自动归零。</p>
			<p>2.实物奖品将由分期管家邮寄至您填写的地址，请务 必填写正确并保持手机畅通。</p>
			<p>3.大礼包限分期管家APP内登陆领取，注册登陆账号 为领取大礼包的手机号码。</p>
			<p>4.活动时间：2015年7月22日至2015年7月29日</p>
			<p>5.在法律允许的范围内，本活动最终解释权归分期管 家所有。</p>
			<h3 class="dush3">说明：精彩活动不独享哦，你懂得！！</h2>
			<div class="tbottombg"></div>
		</div>
	</div>



	<div class="animated" id="dialog">
		<div class="textact">
			<p class="t1"></p>
			<p></p>
		</div>
		<p id="title_ditop"></p>
		<p id="cleardialog">确定</p>
	</div>
	<div id="dialogBg"></div>

<script type="text/javascript" src="js/jquery.min.2.1.0.js"></script>
<script type="text/javascript" src="js/jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">$(function() {
			var offkg = false;
			var $width, $height, $className;
			var getcw = function() {
				$width = $(window).width();
				$height = $(window).height();
				$("#dialogbg").width($width).height($height);
			}
			getcw();
			$(window).resize(function() {
				getcw();
			});
			$(".rotate-con-zhen").rotate({
				bind: {
					click: function() {
						if (offkg == false) {
							offkg = true;
							$(this).parent().addClass("ss");
							var a = runzp();
							$(this).rotate({
								duration: 3000, //转动时间
								angle: 0, //起始角度
								animateTo: 1440 + a.angle, //结束的角度
								easing: $.easing.easeOutSine, //动画效果，需加载jquery.easing.min.js
								callback: function() {
									offkg = false;
									$("#text_g").find("em").text(a.numb)
									$(".rotate-con-pan").removeClass("ss");
									$("#dialogBg").fadeIn();
									$('#dialog').fadeIn();
									$('#dialog .textact').find("p").first().html(a.prize).end().last().html(a.message);
									$("#cleardialog").on("click", function() {
										$('#dialogBg').fadeOut(1000);
										$('#dialog').fadeOut();
									})
								}
							});
						}
					}
				}
			});//$(".rotate-con-zhen").unbind("click");




});
</script>
</body>
</html>